<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>使用JS生成二维码</title>
		<script type="text/javascript" src="../../lib/jq/jquery-1.11.3.min.js" ></script>
		<script type="text/javascript" src="../../lib/qrcode/jquery.qrcode.min.js" ></script>
	</head>
	<body>
<fieldset>
	<legend><h1>qrcode生成二维码</h1></legend>
	<h3>默认使用Canvas渲染</h3>
	<div id="qrcode"></div>
	
	<h3>指定使用Table方式渲染</h3>
	<div id="qrcodeTable"></div>
	
	<h3>指定使用Canvas渲染</h3>
	<div id="qrcodeCanvas"></div>
	<script>
		/* 默认是使用canvas绘制的二维码 */
		$("#qrcode").qrcode("使用jquery插件qrcode生成的二维码!");
		$('#qrcodeTable').qrcode({
			render: "table",
			text: "指定使用Table方式渲染",
			width: 256, // 默认宽度
			height: 256, // 默认高度
			background:"#ffffff", // 默认背景色
            foreground:"#000000" // 默认前景色
		});	
		$('#qrcodeCanvas').qrcode({
			render: "canvas",
			text: "指定使用Canvas渲染",
			width: 300, // 宽度
			height: 300, // 高度
			background:"#ffffff", // 背景色
            foreground:"#0000ff" // 前景色
		});	
	</script>
</fieldset>
	</body>
</html>
